<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.qq{
				background: #666666;
				width: 1200px;
				height: 80px;
				margin-left:15px ;
				overflow: hidden;
			}
			.qq img{
				float: left;
				height: 80px;
			}
			
			.qq ul li{
				list-style: none;
				float: left;
				line-height: 80px;
				text-indent: 20px;
				margin-left:30px ;
				
			}
			.qq ul li a{
				text-decoration: none;
				color: #FFFFFF;
				font-size: 12px;
				font-weight: lighter;
			}
			.qq ul li a:hover{
				color: blue;
			}
			.qq .qq-login{
				margin-left:900px ;
				text-align: center;
				overflow: hidden;
			}
			.qq .qq-login {	
				width: 250px;
				height: 80px;
						
												
				color: #000000;
			}
			.qq .qq-login a{
				
				width: 100px;
				line-height: 80px;
				border:0.5px solid #FAD65C;
				border-radius: 20px;
				text-decoration: none;
				color: #fad65c;
				font-size: 14px;
				padding:10px 30px ;
			}
			
			
			
		</style>
	</head>
	<body>
		<div class="qq">
			<img src="../img/logo.png" width="145px" height="90px"/>
			<ul >
				<li><a href="#" target="_blank">功能特权</a></li>
				<li><a href="#" target="_blank">游戏特权</a></li>
				<li><a href="#" target="_blank">生活特权</a></li>
				<li><a href="#" target="_blank">会员活动</a></li>
				<li><a href="#" target="_blank">成长体系</a></li>
				<li><a href="#" target="_blank">年费专区</a></li>
				<li><a href="#" target="_blank">超级会员</a></li>
			</ul>
			<div class="qq-login">
			<a href="#"target="_blank">登录</a>
			<a href="#"target="_blank">开通超级会员</a>
			</div>
		</div>
	</body>
</html>
